.pngfix {
	behavior: url(/js/iepngfix.htc);
	cursor: pointer;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background-color: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* GLOBAL
--------------------------------------------- */
body {
	font: 62.5%/1.7 Helvetica, Arial, sans-serif;
	background: url(../img/bg-body-global.png) scroll repeat-x left top;
	color: #848484;
}
/* clear float rules defined early so they won't accidentally overwrite other possible declarations */
/* for modern browsers */
    .clearfix:after {
        clear: both;
        content: "'";
        display: block;
        font-size: 0; /* fix FF bug */
        height: 0;
        overflow: hidden;
        visibility: hidden;
        }
/* for IE7 */
    .clearfix { min-height: 0; }
/* for IE<7 \*/
    * html .clearfix { height: 1%; }
/* for IE-mac (snicker) */
    /*\*//*/ .clearfix { display: inline-table; } /**/

/* LINKS */
a {
	color: #2797e6;
	text-decoration: none;
	}
a:visited {
	color: #5792bc;
	}
a:hover {
	color: #3db0f4;
	text-decoration: underline;
	}

/* MAIN CONTAINER
--------------------------------------------- */
#container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

/* MASTHEAD
--------------------------------------------- */
#masthead {
	float: left;
	width: 960px;
	margin: 28px 0 17px 0;
	}
a#jive-logo {
	width: 100px;
	height: 44px;
	background: url(../img/logo-jive.png) no-repeat 0 0;
	float: left;
	text-indent: -9999px;
	position: relative;
	z-index: 200;
}
#usernav {
	float: left;
	width: 860px;
	font-size: 1.1em;
	text-align: right;
	margin: 10px 0 0;
	color: #ccc;
}
#usernav li {
	background: url(../img/usernav-divider.gif) no-repeat left top;
	display: inline;
	padding: 0 10px;
}
#usernav li a {
	color: #ccc;
	text-decoration: none;
}
#usernav li a:hover {
	color: #bbf752;
}

#nav {
	float: left;
	width: 960px;
	height: 40px;
	margin: 0 0 24px;
	font-size: 1.2em;
	background: url(../img/bg-nav.png) no-repeat right top;
	}
#nav ul {
	width: 100%;
	}
#nav ul li {
	background: url(../img/bg-nav-divider.png) no-repeat left bottom;
	float: left;
	height: 34px;
	}
#nav li.first {
	background: none;
	}
#nav ul li a {
	color: #fff;
	background: url(../img/bg-nav-sprites.png) no-repeat 0 90px;
	float: left;
	padding: 6px 10px 4px;
	margin: 4px 0 0;
	}
#nav ul li a.selected {
	background: url(../img/bg-nav-sprites.png) no-repeat 0 -124px;
	}
#nav ul li.first a.selected {
	background: url(../img/bg-nav-sprites.png) no-repeat 0 -44px;
	}
#nav ul li.first a {
	padding-left: 19px;
	}
#nav ul li a:hover {
	background: url(../img/bg-nav-sprites.png) no-repeat 0 -84px;
	text-decoration: none;
	}
#nav ul li.first a:hover {
	background: url(../img/bg-nav-sprites.png) no-repeat 0 -4px;
	}



/* HEADERS
--------------------------------------------- */
#header {
	float: left;
	width: 960px;
	background: url(../img/bg-header.png) no-repeat;
	}
#product-header {
	width: 960px;
	float: left;
	}

/* SUB NAVIGATION */
.subnav {
	float: left;
	width: 694px;
	height: 31px;
	padding: 0 0 0 30px;
	}
.subnav ul {
	float: left;
	}
.subnav ul li.first {
	background: none;
	}
.subnav ul li.first.selected {
	background: url(../img/bg-subnav.png) no-repeat left 4px;
	}
.subnav li {
	background:transparent url(../img/nav-divider-global.png) no-repeat left bottom;
	float: left;
	font-size: 1.2em;
	margin: 0;
	}
.subnav li a:link, .subnav li a:visited, .subnav li a:hover, .subnav li a:active {
	float: left;
	display: block;
	position: relative;
	padding: 8px 14px 3px 12px;
	color: #fff;
	text-decoration: none;
	}
.subnav li.selected {
	background: url(../img/bg-subnav.png) no-repeat left 4px;
	margin: 0 7px 0 0;
	}
.subnav li.selected a:link, .subnav li.selected a:visited, .subnav li.selected a:hover, .subnav li.selected a:active {
	display: block;
	float: left;
	background: url(../img/bg-subnav.png) no-repeat right 4px;
	position: relative;
	left: 7px;
	color: #2f2f2f;
	padding: 8px 10px 3px 3px;
	font-weight: bold;
	}
.subnav li.selected + li {
	background: none;
	}
.product-title {
	float: left;
	width: 750px;
	height: 136px;
	}

.header-left {
	float: left;
	width: 750px;
	}
.cta {
	float: left;
	width: 204px;
	height: 163px;
	margin: 4px 5px 0 0;
	}
.cta a {
	display: block;
	text-indent: -9999px;
	}

/* STANDARD HEADER */
.header-title {
	float: left;
	width: 895px;
	height: 66px;
	color: #eeeeee;
	font-size: 3em;
	font-weight: normal;
	padding: 20px 0 0 30px;
	overflow: hidden;
	}
.header-title a {
	color: #eeeeee;
	text-decoration: none;
	}
.header-title a:visited {
	color: #eeeeee;
	text-decoration: none;
	}
.header-title a:hover {
	color: #ffffff;
	text-decoration: none;
	}
	

/* HERO
--------------------------------------------- */

#content .hero {
	width: 100%;
	float: left;
	}
#content .hero h1, #content .hero h2 {
	float: left;
	display: block;
	width: 100%;
	text-align: center;
	line-height: 1em;
	}
#content .hero h1 {
	color: #666;
	font-size: 4em;
	font-weight: normal;
	margin: .5em 0;
	padding: 0;
	height: 1em;
	}
#content .hero h2 {
	font-size: 1.6em;
	margin: -.7em 0 1.5em;
	padding: 0;
	font-weight: normal;
	color: #888;
	}
#content .hero p {
	font-size: 1.4em;
	margin-top: -20px;
	}

/* CONTENT
--------------------------------------------- */
#content {
	float: left;
	width: 900px;
	background: transparent url(../img/bg-content.png) no-repeat 0 0;
	padding: 30px;
}
.left {
	float: left;
}
.right {
	float: right;
}

/* CONTENT COLUMNS */
.onecol, .twocol, .threecol, .fourcol, .twothirds, .onethird, .onefourth, .oneeighth {
	float: left;
	display: inline;
	width: 100%;
	clear: both;
	border-top: 1px solid #e3e3e3;
	padding: 30px 0 0 0;
	margin: 0 0 30px 0;
	}
.twocol .onecol {
	width: 90%;
}
 
.twocol .twocol, .twocol .threecol {
	padding: 10px 0 0 0;
	margin: 0;
	background: none;
	}
.threecol {
	background: url(../img/bg-threecol.gif) no-repeat 0 30px;
	}
.col1, .col2, .col3, .col4 {
	float: left;
	display: inline;
	}
.onecol .col1 {
	width: 100%;
	}
.twocol .col1 {
	width: 48%;
	margin: 0 3% 0 0;
	}
.twocol .col2 {
	width: 48%;
	}
.twocol.icon .col1 {
	width: 12%;
	margin: 0 2% 0 0;
	}
.twocol.icon .col2 {
	width: 86%;
	}
.twocol.icon .twocol .col1 {
	width: 48%;
	margin: 0 4% 0 0;
	}
.twocol.icon .twocol .col2 {
	width: 48%;
	}
.threecol .col1 {
	width: 30%;
	margin: 0 5% 0 0;
	}
.threecol .col2 {
	width: 30%;
	margin: 0 5% 0 0;
	}
.threecol .col3 {
	width: 30%;
	}
.twocol.icon.col1, .twocol.icon .onecol .col1 {
	width: 100%;
	}
.twocol.icon .threecol .col1 {
	width: 30%;
	margin: 0 5% 0 0;
	}
.twocol.icon .threecol .col2 {
	width: 30%;
	margin: 0 5% 0 0;
	}
.twocol.icon .threecol .col3 {
	width: 30%;
	}
.twothirds .col1 {
	width: 70%;
	}
.twothirds .col2 {
	width: 25%;
	margin: 0 0 0 5%;
	}
.onethird .col1 {
	width: 20%;
	margin: 0 4% 0 0;
	}
.onethird .col2 {
	width: 75%;
	}
.onefourth .col1 {
	margin: 0 25px 0 0;
	width: 210px;
	}
.onefourth .col2 {
	width: 665px;
	}
.wrapper {
	float: left;
	width: 620px;
	}
.sidebar {
	float: left;
	width: 250px;
	margin: 0 0 0 30px;
	}
.sidebar form input.input, form input.textarea {
	width: 215px;
	}

/* FIRST-CHILD EXCEPTIONS */
.onecol.first, .twocol.first, .twothirds.first, .onethird.first, #bottom-container.first {
	border: none;
	padding: 0;
	}
.threecol.first {
	border: none;
	}

/* Content Styles */
#content p {
	color: #848484;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 15px 0;
	}
#content h1 {
	font-size: 2.4em;
	font-weight: normal;
	}
#content h2 {
	font-size: 1.6em;
	font-weight: normal;
}
#content h3 {
	color: #777;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.8;
}
#content h5 {
	color: #777;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8;
}
#content h1, #content h2 {
	color: #096bb3;
}


/* LISTS */
#content h2 + ul, #content h2 + ol {
	margin-top: .5em;
}
.col1 ul, .col2 ul, .col3 ul, .col4 ul {
	padding: 0;
	margin: 0 0 15px 0;
}
#content ul li {
	background: url(../img/bullet-green.png) no-repeat left 6px;
	padding: 0 0 8px 15px;
	font-size: 1.2em;
}
#content ul li h2 {
	font-size: 1.4em;
	line-height: 2em;
}
.col1 li li, .col2 li li, .col3 li li {
	font-size: 1em;
}

/* SIDEBAR BOXES */
.sidebar .box {
	float: left;
	background: url(../img/box-bg.png) repeat-y 0 0;
	padding: 0;
	margin: 0 0 15px 0;
	width: 250px;
}
#content .sidebar .box p, #content .sidebar .box ul {
	float: left;
	padding: 0 20px 0 20px;
	margin: 0 0 10px 0;
}
#content .sidebar .box ul {
	margin: 0;
}
#content .sidebar h4.box-top {
	float: left;
	background: url(../img/box-top.png) no-repeat 0 0;
	width: 230px;
	height: 26px;
	overflow: hidden;
	padding: 6px 0 0 20px;
	margin: 0 0 10px 0;
	font-size: 1.3em;
	line-height: 26px;
	color: #787878;
}
.sidebar .box-bottom {
	float: left;
	background: url(../img/box-bottom.png) no-repeat 0 0;
	width: 250px;
	height: 13px;
	overflow: hidden;
	margin: 0;
}
.sidebar .callout a {
	float: left;
	display: block;
	background: url(../img/bg-callout.png) no-repeat 0 0;
	width: 230px;
	height: 60px;
	margin: 0 0 15px 0;
	padding: 10px;
	font-size: 1em;
	line-height: 1.4em;
	text-decoration: none;
	color: #848484;
	overflow: hidden;
}
.sidebar .callout a:hover {
	background: url(../img/bg-callout.png) no-repeat 0 -80px;
	text-decoration: none;
	color: #666666;
}
.sidebar .callout .float-left {
	margin: 0 5px 0 0;
}
.sidebar .callout strong {
	display: block;
	font-size: 1.2em;
	line-height: 1.7em;
}
.sidebar .callout span {
	display: block;
	font-size: 1.1em;
}
.sidebar label {
	margin: 0;
	padding: 0 0 3px 0;
	text-align: left;
	color: #666666;
	font-size: 1.1em;
	text-align: left;
}
.sidebar form ul.buttons {
	margin-left: 0;
}
.sidebar form select.select, .sidebar label {
	float: left;
	width: 200px;
}


/* IMAGES
--------------------------------------------- */
img.float-left, li.float-left {
	float: left;
	margin: 0 20px 0 0;
	}
img.float-right {
	float: right;
	margin: 0 0 0 20px;
	}
.img-border, .video-module a img {
	border: 4px solid #eaeaea;
	}
.video-module a:hover img {
	border: 4px solid #d1d1d1;
	}
.thumbnail {
	display: inline;
	margin: 0 4px 0 0;
	border: 4px solid #cccccc;
	}
.icon-left {
	float: left;
	margin: 5px 10px 10px 0;
	}


/* Button Styles */

#content p.button, p.button {
	margin-top: -10px;
	}

form ul.buttons {
	margin-left: 29.1%;
}
form ul.buttons li {
	float: left;
	clear: none;
	margin: 0 15px 0 0;
}
button {
	background: url(../img/bg-button-flat.png) repeat-x 0 0;
	border: solid 1px #dfdfdf;
	padding: 2px 4px;
	cursor: pointer;
	}
button:hover {
	background: url(../img/bg-button-flat.png) repeat-x 0 -23px;
	border: solid 1px #39aae4;
	color: #fff;
	text-decoration: none;
	}
button:active {
	background: url(../img/bg-button-flat.png) repeat-x 0 -46px;
	border: solid 1px #39aae4;
	color: #ddd;
	}
button:focus {
	outline: 0;
	}
	
* html button { 
	width:auto; 
	overflow:visible;
	line-height: 20px;
	height: 20px;
	padding: 0 4px
}

a.buttonlg {
	float: left;
	color: #5c6066;
	font-size: 12px;
	display: block;
	font-weight: bold;
	padding: 0;
	height: 29px;
	background: url(../img/btn-500-left.png) no-repeat scroll top left;
	text-decoration: none;
}
a.buttonlg span {
	margin: 0 -20px 0 0;
	line-height: 14px;
	display: block;
	height: 13px;
	background: url(../img/btn-500-right.png) no-repeat top right;
	padding: 8px 15px 8px 15px;
}
a.buttonlg:hover, a.buttonsm:hover {
	color: #318dd1;
	cursor: pointer;
	text-decoration: none;
}
a.buttonlg:focus, a.buttonsm:focus {
	color: #318dd1;
	outline: 1;
}
a.buttonlg:active, a.buttonsm:active {
	background-position: left bottom;
	color: #41464c;
	outline: none;
}
a.buttonlg:active span {
	background: url(../img/btn-500-right.png) no-repeat top right;
}
a.buttonsm {
	display: block;
	float: left;
	color: #5c6066;
	font-size: .95em;
	font-weight: bold;
	padding: 0;
	height: 24px;
	background: url(../img/btn-sm.png) no-repeat top left;
	text-decoration: none;
}
a.buttonsm span, a.buttonsm:active span {
	float: left;
	margin: 0;
	line-height: 14px;
	display: block;
	height: 12px;
	background: url(../img/btn-sm.png) no-repeat top right;
	padding: 6px 13px 6px 13px;
}

a.button-arrow {
	background-position: 0 center;
	background-repeat: no-repeat;
	padding: 2px 0 2px 20px;
	}
a.button-arrow-large.arrow-left {
	background-image: url(../img/icon-arrowbtn-left-large.png);
	}
a.button-arrow-large.arrow-right {
	background-image: url(../img/icon-arrowbtn-right-large.png);
	}
a.button-arrow.arrow-left {
	background-image: url(../img/icon-arrowbtn-left-trans.png);
	}
a.button-arrow.arrow-right {
	background-image: url(../img/icon-arrowbtn-right-trans.png);
	}
a.button-arrow-large {
	background: transparent no-repeat 0 0;
	padding: 6px 0 5px 30px;
	font-size: 1.4em;
	}



/* PROMOS - Large Hero Images
--------------------------------------------- */
#promo {
	width: 960px;
	float: left;
	position: relative;
	}
img.hero {
	margin: inherit auto;
	}

/* PAGINATION
--------------------------------------------- */
.pagination {
	float: left;
	width: 100%;
	}
.pagination-left {
	float: left;
	width: 50%;
	text-align: left;
	}
.pagination-right {
	float: left;
	width: 50%;
	text-align: right;
	}
.pagination p {
	margin: 0;
	}
.pagination.top {
	margin-bottom: -30px;
	}
.pagination.underhero {
	margin: 0 0 10px 0;
	}
.pagination p {
	margin: 0 !important;
	}
.pagination a:hover {
	text-decoration: none;
	}
.pagination a.button-arrow-large.arrow-left {
	background: url(../img/icon-arrowbtn-left-large.png) no-repeat left top;
	padding-left: 30px;
	padding-right: 0;
	}
.pagination a.button-arrow-large.arrow-right {
	background: url(../img/icon-arrowbtn-right-large.png) no-repeat right top;
	padding-left: 0;
	padding-right: 30px;
	}


/* FOOTER
--------------------------------------------- */
#footer-container {
	background: url(../img/footer-bg.jpg) repeat-x 0 0;
	width: 100%;
	clear: both;
}
#footer {
	width: 920px;
	text-align: center;
	font-size: 1.1em;
	color: #666666;
	padding: 10px 0 50px 0;
	margin: 0 auto;
}
ul#legal {
	float: right;
}
ul#legal li {
	float: left;
	padding: 0 8px;
	border-left: 1px solid #dcdcdc;
}
ul#legal li.first {
	float: left;
	padding: 0 8px 0 0;
	border: none;
}
p#copyright {
	float: left;
	margin-left: 5px;
}
p#footercenter {
	float: left;
}

/* LISTS */
#content h2 + ul, #content h2 + ol {
	margin-top: .5em;
}
.col1 ul, .col2 ul, .col3 ul {
	padding: 0;
	margin: 0 0 15px 0;
}
#content ul li {
	background: url(../img/bullet-green.png) no-repeat left 6px;
	padding: 0 0 8px 15px;
	font-size: 1.2em;
}
#content ul li h2 {
	font-size: 1.4em;
	line-height: 2em;
}
.col1 li li, .col2 li li, .col3 li li {
	font-size: 1em;
}

/* IMAGES
--------------------------------------------- */
img.float-left, li.float-left {
	float: left;
	margin: 0 20px 0 0;
	}
img.float-right {
	float: right;
	margin: 0 0 0 20px;
	}
.img-border, .video-module a img {
	border: 4px solid #eaeaea;
	}

.video-module a:hover img {
	border: 4px solid #d1d1d1;
	}
.thumbnail {
	display: inline;
	margin: 0 4px 0 0;
	border: 4px solid #cccccc;
	}
.icon-left {
	float: left;
	margin: 5px 10px 10px 0;
	}

/* VIDEO MODULE */
#content .videos-thumb ul li {
	float: left;
	width: 210px;
	height: auto;
	margin: 0 15px 0 0;
	padding: 0;
	clear: none;
	}
#content .videos-thumb ul li img {
	padding: 5px;
	background-color: #eeedec;
	}
#content .videos-thumb ul li.last {
	margin: 0;
	}
#content .videos-thumb li h4 {
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: normal;
	margin: 0;
	}
#content .videos-thumb h4 a:link, #content .videos-thumb h4 a:visited, #content .videos-thumb h4 a:hover, #content .videos-thumb h4 a:active {
	color: #2797e6;
	}
#content .videos-thumb h4 a:hover {
	color: #3db0f4;
	text-decoration: none;
	}
#content .videos-thumb ul li p {
	font-size: 1em;
	line-height: 1.4em;
	margin: 0;
	}


/* RULES FOR OVERWRITING OTHER RULES
--------------------------------------------- */
/* POSITIONING */
.top {
	top: 0;
	}
.bottom	{
	bottom: 0;
	}
.left {
	left: 0;
	}
.right {
	right: 0;
	}


/* BORDERS */
.border-top {
	border-top: solid 1px #eaeaea;
	margin-top: .5em;
	}
.border-bottom {
	border-bottom: solid 1px #eaeaea;
	margin-bottom: .5em;
	}
.border-left {
	border-left: solid 1px #eaeaea;
	}
.border-right {
	border-right: solid 1px #eaeaea;
	}
.border {
	border: solid 1px #eaeaea;
	}
.noborder {
	border: none;
}


/* TEXT */
.red {color: #cd060d !important;}
.green {color: #4ac01c !important;}
.blue {color: #3f9ae2 !important;}
.orange {color: #ff7b18 !important;}
.purple {color: #6c41cd !important;}
.yellow {color: #ffe61b !important;}
.lightgrey {color: #9c9c9c !important;}
.darkgrey {color: #5c5c5c !important;}

.center, .centered {text-align: center !important;}

.smallest {font-size: .9em !important;}
.smaller {font-size: 1em !important;}


/* REMOVING BACKGROUND, MARGIN and PADDING */
.nobg, #usernav .nobg {
	background: none;
}
.nomargin {
	margin: 0;
}
.nopadding {
	padding: 0;
}

#content ul.news-list li {
	clear: both;
	width: 100%;
	font-size: 1.2em;
	padding: 0 0 15px 0;
	background: none;
}
#content ul.news-list li p {
	font-size: 1.0em;
}

.margin-top {
	margin-top: 2em;
}
.margin-right {
	margin-right: 2em;
}
.margin-bottom {
	margin-bottom: 2em;
}
.margin-left {
	margin-left: 2em;
}

.product-bucket h2 { font-size: 1.8em; }
.product-bucket p { font-size: 1.2em; }
.flickr-badge a img {
	float: left;
	margin: 5px 5px 0 0;
	border: 3px solid #cccccc;
}
.flickr-badge a:hover img {
	float: left;
	margin: 5px 5px 0 0;
	border: 3px solid #aeaeae;
}
vimeo-badge object {
	border: 1px solid #dddddd;
	margin: 5px 0 0 0;
}
.icon {
	float: left;
	margin: 5px 5px 0 0;
	border: none;
}
.flickr-badge p {
	float: left;
}
.support-search {
	width: 582px;
	height: 67px;
	margin: 10px 0 0 0;
	padding: 3px 0 0 21px;
	background: url(../img/bg-support-search.gif) no-repeat scroll 0 0;
}
#content .support-search form ul li {
	float: left;
	width: auto;
	clear: none;
}
#content .support-search form ul li .input {
	float: left;
	width: 465px;
	margin: 0 10px 0 0;
}
blockquote {
	background: url(../img/bg-quote-left.png) no-repeat 0 0;
	padding: 0 0 0 45px;
	font-size: 1.5em;
	margin: 20px 20px 30px 20px;
	color: #666;
}
blockquote img {
	margin: -5px 0 -10px 4px;
}

/* GLYPHS */

#content ul.files li {
	background: none;
	padding: 0 0 8px 0;
	float: left;
	clear: both;
	width: 95%;
}

#content ul.files li a {
	display: block;
	padding: 0 0 0 20px;
	background: url(../img/glyph-link.png) no-repeat left top;
}

#content ul.files li a.doc {
	background-image: url(../img/glyph-document.png);
}

#content ul.files li a.video {
	background-image: url(../img/glyph-video.png);
}

#content ul.files li a.kit {
	background-image: url(../img/glyph-kits.png);
}


/* PRODUCTS CALLOUT */

.callout-product-logo li a {
	display: block;
	width: 171px;
	height: 36px;
	text-indent: -9999px;
 	}
#content .sidebar ul.callout-product-logo {
	padding: 0;
 	}
.callout-product-logo li a:hover {
	background-position: 0 -38px;
 	}
#content .col1 .callout-product-logo li, #content .col2 .callout-product-logo li, #content .col3 .callout-product-logo li, #content .sidebar .callout-product-logo li {
	float: left;
	background: none;
 	}
.callout-product-logo .cs a {
	background: url(../img/small-cs-logo.png) no-repeat 0 0;
 	}
.callout-product-logo .csc a {
	background: url(../img/small-csc-logo.png) no-repeat 0 0;
 	}

/*  LIGHTBOX */

.login {
	width: 430px;
	padding: 20px 60px 30px 60px;
}
.login h3 {
	color: #096bb3;
	font-size: 2em;
}
.login form input.input {
	width: 100%;
	float: left;
	border: solid 1px #DFDFDF;
	background: url('../img/input_bg.png') repeat-x left top;
	padding: .4em;
	padding-left: .4em;
	color: #444;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	clear: both;
}
.login ul {
	float: left;
	width: 430px;
}
.login form ul li {
	float: left;
	width: 90%;
	margin: 0;
	padding: 0;
}
.login label {
	color: #545454;
	display: block;
	float: left;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.5em;
	padding: 15px 0 0 0;
	position: relative;
	text-align: left;
	clear: both;
}
.login form ul.buttons {
	float: left;
	margin: 15px 0 0 0;
	clear: both;
}
.login p {
	color: #848484;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
}
.login ul.buttons li {
	float: left;
	width: auto;
}
.login ul.buttons li.remember {
	float: left;
	margin: 3px 0 0 10px;
	}
.login li.remember input, .login li.remember label {
	float: left;
	padding: 0;
	clear: none;
}

/* EXTRA QUESTIONS LIGHTBOX */

.eval_lightbox {
	width: 430px;
	padding: 20px 60px 30px 60px;
}
.eval_lightbox h3 {
	color: #096bb3;
	font-size: 2em;
}
.eval_lightbox form input.input {
	width: 100%;
	float: left;
	border: solid 1px #DFDFDF;
	background: url('../img/input_bg.png') repeat-x left top;
	padding: .4em;
	padding-left: .4em;
	color: #444;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	clear: both;
}
.eval_lightbox form ul li {
	float: left;
	width: 90%;
	margin: 0;
	padding: 0;
}
.eval_lightbox label {
	color: #545454;
	display: block;
	float: left;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.5em;
	padding: 15px 0 0 0;
	position: relative;
	text-align: left;
	clear: both;
}
.eval_lightbox form ul.buttons {
	float: left;
	margin: 15px 0 0 0;
	clear: both;
}
.eval_lightbox p {
	color: #848484;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
}
.eval_lightbox .nav p {
	float: right;
	}
.eval_lightbox a {
	cursor: pointer !important;
	}

/* THE LIGHT BOX
--------------------------------------------- */

.jqmWindow {
    display: none;
	position: fixed;
    top: 25%;
    left: 52%;
    margin-left: -300px;
    background-color: #fff;
    color: #333;
    border: 6px solid #474747;
    -webkit-border-radius: 6px;
    -moz-border-radius: 7px;
	z-index: 1000;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
	position: absolute;
	top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
	z-index: 1000;
}

/* SCREENSHOTS
--------------------------------------------- */

#content .screenshot-box {
	height: 96px;
	background-image: url(../img/screenshot-container-left.png);
	float: left;
	clear: both;
	padding: 0;
}

#content ul.screenshots {
	height: 87px;
	overflow: hidden;
	background-image: url(../img/screenshot-container-right.png);
	background-repeat: no-repeat;
	background-position: right center;
	list-style: none;
	padding-left: 0;
	padding-right: 15px;
	padding-top: 9px;
	float: left;
}

#content ul.screenshots li {
	float: left;
	width: 102px;
	height: 79px;
	margin: 0;
	margin-left: 15px;
	padding: 0;
	background-image: none;
}

#content .screen-btn-left {
	float: left;
	width: 21px;
	height: 21px;
	background: url(../img/slider-left-btn.png) no-repeat left center;
	margin-top: 35px;
	margin-right: 4px;
	clear: both;
}

#content .screen-btn-left:active {
	background-position: center center;
}

#content .screen-btn-left:hover {
	cursor: pointer;
}

#content .screen-btn-left.disabled {
	background-position: right center;
}

#content .screen-btn-left.disabled:hover {
	cursor: inherit;
}

#content .screen-btn-right.disabled:hover {
	cursor: inherit;
}

#content .screenshot-thumb-overlay {
	position: relative;
	top: -79px;
}

.screen-btn-right {
	float: left;
	width: 21px;
	height: 21px;
	background: url(../img/slider-right-btn.png) no-repeat left center;
	margin-top: 35px;
	margin-left: 4px;
}

.screen-btn-right:active {
	background-position: center center;
}

.screen-btn-right:hover {
	cursor: pointer;
}

.screen-btn-right.disabled {
	background-position: right center;
}

.icon-left {
	float: left;
	margin: 0 10px 0 0;
	}

/* !!!!!!!!!!!!!!   EXTRACT FROM jive-style.css !!!!!!!!!!!!!!!!!!!!!
--------------------------------------------- */
#jive-website-globalwrapper {
	position: relative;
	width: 100%;
	z-index: 1;
	}
#jive-wrapper {
	margin: 0 auto;
	width: 960px;
	min-width: 960px;
	background: transparent url(../img/bg-content-global.png) no-repeat left 51px;
	z-index: 2;
	}
* html #jive-wrapper { width: 960px; }
#jive-body, 
#jive-body-full {
	margin-left: 4px;
	margin-right: 4px;
	padding: 0;
	min-width: 950px;
	width: 950px;
	}
* html #jive-body, 
* html #jive-body-full {
	margin-left: 2px;
	}
.jive-tooltip2 { z-index: 999; }
	

/* HEADER & USERBAR
--------------------------------------------- */
#jive-global-header {
	display: none;
	}
#jive-userbar, 
#jive-userbar .jive-userbar-login-guest, 
#jive-userbar .jive-userbar-login-welcome a, 
#jive-userbar .jive-userbar-login-password a {
	color: #ccc;
	}
#jive-userbar {
	background: transparent url(../img/bg-userbar.png) no-repeat top left;
	height: 51px;
	line-height: normal;
	margin: 0;
	width: 958px;
	}
	
body.jive-body-formpage-login #jive-userbar, 
body.jive-body-formpage-password #jive-userbar, 
body.jive-body-formpage-register #jive-userbar {
	height: 51px;
	}
#jive-userbar .jive-userbar-login-welcome {
	padding-top: 20px;
	}
#jive-userbar .jive-userbar-login-form {
	border: none;
	margin-top: 14px;
	}
#jive-userbar .jive-userbar-login-username label, 
#jive-userbar .jive-userbar-login-password label {
	padding-top: 4px;
	}
#jive-userbar #jive-userbar-user {
	padding: 8px 0 0 20px;
	}
#jive-userbar #jive-userbar-user span a:link, 
#jive-userbar #jive-userbar-user span a:visited { color: #ccc; }
#jive-userbar #jive-userbar-user #jive-userbar-logout a { color: #999 !important; }
#jive-userbar #jive-userbar-user-avatar {
	background-image: none;
	background-color: #ccc;
	border: 1px solid #333;
	padding: 1px;
	margin-top: 4px;
	}
#jive-userbar #jive-userbar-user span {
	padding-top: 13px;
	padding-left: 4px;
	}
#jive-userbar #jive-userbar-droplink {
	margin-top: 13px;
	padding-top: 0;
	}
#jive-userbar #jive-userbar-droplink ul li a.jive-userbar-droplink {
	background-image: none;
	color: #ccc;
	padding: 8px 6px;
	margin: 0;
	}
#jive-userbar .jive-userbar-menu {
	margin-left: 0;
	top: 52px;
	}
* html #jive-userbar .jive-userbar-menu { /* IE6 */
	top: 39px;
	}
*+html #jive-userbar .jive-userbar-menu { /* IE7 */
	top: 39px;
	}
#jive-userbar .jive-taskcreate-menu {
	margin-top: 52px;
	}
#jive-userbar #jive-userbar-droplink ul li a.jive-userbar-droplink:hover, 
#jive-userbar #jive-userbar-droplink ul li a.jive-userbar-droplink-on {
	color: #fff;
	background-color: #333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
#jive-userbar #jive-userbar-droplink a span.jive-userbar-create {
	background-image: url(../img/jive-icon-create-16x16.gif);
	}
#jive-userbar #jive-userbar-droplink a span.jive-userbar-toolbox {
	background-image: url(../img/jive-icon-profile-16x16.gif);
	}
#jive-userbar #jive-userbar-droplink a span.jive-userbar-history {
	background-image: url(../img/jive-icon-history-16x16.gif);
	}
#jive-userbar #jive-userbar-droplink a span.jive-userbar-navigation {
	background-image: url(../img/jive-icon-browse-16x16.gif);
	}
#jive-userbar #jive-userbar-right {
	padding: 17px 20px 0 0;
	}
#jive-userbar #jive-userbar-search .jive-userbar-search-field {
	padding: 3px;
	}
#jive-userbar #jive-userbar-search button.jive-userbar-search-button {
	background: transparent url(../img/jive-userbar-search-btn.png) no-repeat top left;
	margin-left: -1px;
	}
#jive-userbar #jive-userbar-search button.jive-userbar-search-button:hover {
	background-position: 0px 0px;
	}


/* BREADCRUMB
--------------------------------------------- */
#jive-breadcrumb {
	background-color: #000;
	/* background-color: #b93503 - support */
	/* background-color: #236095 - partners */
	display: block;
	padding: 8px 0;
	width: auto;
	}
#jive-breadcrumb span {
	padding-left: 18px;
	}
#jive-breadcrumb, #jive-breadcrumb a, #jive-breadcrumb a.jive-breadcrumb-last {
	color: #fff;
	margin-bottom: 0;
	}


/* HEADERS
--------------------------------------------- */
#jive-body-intro, 
#jive-body-full #jive-body-intro {
	background: transparent url(../img/jive-intro-hdr-bg.gif) repeat-x bottom;
	margin: 0;
	padding: 0;
	width: 950px;
	clear: both;
	float: left;
	}
#jive-body-intro #jive-body-intro-content {
	clear: both;
	float: left;
	width: 100%;
	}
.jive-body-home #jive-body-intro h1,
body #jive-body-intro h1, 
body #jive-body-intro h2, 
body #jive-body-intro-main-hdr h1 {
	background-image: none;
	color: #555;
	display: block;
	font-family:Helvetica,Arial,sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	height: 46px;
	line-height: 1.7;
	margin: 0;
	padding: 20px 18px 15px 18px;
	float: left;
	}
#jive-body-intro p, 
#jive-body-intro #jive-body-intro-main-hdr p {
	padding: 0 0 10px 20px !important;
	}
#jive-body-intro #jive-body-intro-content p {
	color: #666;
	padding: 0 20px 20px 20px;	
	}
#jive-body-intro #jive-body-intro-main-hdr-stats {
	float: left;
	padding-top: 43px;
	}

#jive-body-intro #jive-body-intro-content .jive-body-tabbar {
	clear: both;
	float: left;
	width: 920px;
	padding: 0 0 0 10px;
	}
#jive-body-intro-main-hdr .jive-body-tabbar, 
.jive-body-intro-community .jive-body-tabbar, 
.jive-body-intro-profile .jive-body-tabbar, 
body.jive-body-home .jive-body-intro-home div.jive-body-tabbar {
	bottom: -1px;
	margin-bottom: 0;
	}
body.jive-body-formpage-login #jive-body-intro, 
body.jive-body-formpage-password #jive-body-intro, 
body.jive-body-formpage-login .jive-error-box, 
body.jive-body-formpage-password .jive-error-box, 
body.jive-body-formpage-containerpicker #jive-body-full #jive-body-intro {
	margin-top: 0;
	float: none;
	}
body.jive-body-formpage-containerpicker #jive-body-full #jive-body-intro h1, 
body.jive-body-formpage-containerpicker #jive-body-full #jive-body-intro p {
	padding-left: 0 !important;
	}
body.jive-body-formpage-login #jive-body-intro h1, 
body.jive-body-formpage-login #jive-body-intro #jive-body-intro-content p, 
body.jive-body-formpage-password #jive-body-intro h1, 
body.jive-body-formpage-password #jive-body-intro #jive-body-intro-content p {
	padding-left: 0;
	color: #555;
	} 


	
/* CONTENT
--------------------------------------------- */
body #jive-body-main {
	padding-top: 20px;
	width: 950px;
	}
#jive-wrapper #jive-body #jive-overview-customize-info {
	display: none;
	}
#jive-body #jive-body-announcements-container {
	clear: both;
	display: block;
	float: left;
	width: 950px;
	padding: 0;
	}
.jive-customize-info, .jive-customize-details {
	padding-bottom: 20px;
	}
#jive-body #jive-body-announcements-container #jive-body-announcements {
	display: block;
	margin: 25px 20px 15px;
	}
body #jive-body-intro #jive-profile-avatar img {
	margin: 12px 0 0 20px;
	}
body #jive-body #jive-body-intro .jive-body-intro-profile .jive-body-tabbar, 
body #jive-body-full #jive-body-intro .jive-body-intro-profile .jive-body-tabbar {
	width: 800px;
	margin-left: 0;
	clear: both;
	}


/* FOOTER
--------------------------------------------- */
	body #jive-footer {
	}




/* JIVESPACE-specific styles
--------------------------------------------- */

#jive-breadcrumb {
	background-color: #000;
	}
#jive-body-intro, 
#jive-body-full #jive-body-intro {
	background: transparent url(../img/jivespace-950x110.png) no-repeat top left;
	position: relative;
	height: 110px;
	}
body #jive-body-intro h1,
body #jive-body-full #jive-body-intro h1, 
#jive-body-intro #jivespaceNavigation a,
#jive-body-intro #jivespaceNavigation a {
	color: #b8d7f5;
	}
body #jive-body-intro h1,
body #jive-body-full #jive-body-intro h1 {
	padding: 26px 0 20px 200px;
	font-size: 1.8em;
	}
body #jive-body-intro .jive-body-tabbar {
	position: absolute;
	top: 86px;
	}
#jive-body-intro #jivespaceNavigation {
	font-size: .8em;
	position: absolute;
	right: 20px;
	top: 2px;
	}
#jive-body-intro #jivespaceNavigation a {
	padding: 0 5px;
	text-decoration: none;
	}
#jive-body-intro #jivespaceNavigation a:hover {
	color: white;
	}
.jive-body-formpage #jive-body-intro, .jive-body-content #jive-body-intro, .jive-body-blogadmin #jive-body-intro {
	height: auto;
	}


	
	